<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>系统页面</title>
 	<script type="text/javascript" src="${basePath}js/jquery/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="${basePath}js/easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="${basePath}js/easyui/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript" src="${basePath}js/system/serialize.js"></script>
	<script type="text/javascript" src="${basePath}js/system/menu.js"></script>
	<script type="text/javascript" src="${basePath}js/system/util.js"></script>
	<script type="text/javascript" src="${basePath}js/charts/highcharts.js"></script>
	<script type="text/javascript" src="${basePath}js/charts/highcharts-3d.js"></script>
	<script src="${basePath}js/system/indexInterceptor.js" type="text/javascript"></script>
	<script src="${basePath}js/system/interceptor.js" type="text/javascript"></script>

	<link rel="stylesheet" type="text/css" href="${basePath}css/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="${basePath}css/easyui/themes/color.css">
	<link rel="stylesheet" type="text/css" href="${basePath}css/easyui/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="${basePath}css/default.css">
	<link rel="stylesheet" type="text/css" href="${basePath}css/another.css">

	<script type="text/javascript">
		var basePath = "${basePath}";
		function set() {
			var weather = JSON.parse(localStorage.getItem("weather"));
			$("#today").html(weather.ymd + "," + weather.week + ",农历" + weather.lunar);
			$("#weather").html(weather.type + "," + weather.low + "," + weather.high);
			$("#wind").html("风向:" + weather.fx + ",风力:" +weather.fl);
			$("#notice").html(weather.notice);
		}

	</script>	
</head>

<body class="easyui-layout" style="overflow-y: hidden" scroll="yes" onload="set();">
	<div data-options="region:'north',split:false"  border="false"	style="overflow: hidden; height: 85px;width: 100%">
		 <iframe src="${basePath}navigator?page=top" name="topFrame" scrolling="no" width="100%"></iframe>
	</div>
	<div data-options="region:'south',split:false" style="height: 30px; background: #D2E0F2;">
		<div class="footer">Copyright © 软件有限公司</div>
	</div>
	
	<div data-options="region:'west',split:true,hide:true"  
		 title="导航菜单"	style="width: 180px;" id="west">
		<div id="menu" class="easyui-accordion" data-options="fit:true" border="false">
			<!--  导航内容 -->		
		</div>

	</div>
	
	<div id="mainPanle"  data-options="region:'center'" style="background: #eee; overflow-y: hidden">
		<div id="tabs" class="easyui-tabs" data-options="fit:true" border="false">
			<div name="mainPage" title="主页" 	style="padding: 20px; overflow: hidden; font-size:30px;">
				<div style=" overflow:scroll; height: 600px;">
				<table width="100%" align="center">
					<tr >
						<td colspan="3" style="font-weight:bold;text-align:left;font-size: 18px;background-color: #B0E0E6;">
							欢迎使用家庭管理工具
						</td>
					</tr>				
					<tr >
						<td width="35%" style="border: 1px solid #B0E0E6;text-align: center;font-size: 15px;">
							<div style="margin-top: 20px; margin-bottom: 20px;">
								<div style='text-align: center;font-size: 16px;font-weight: bold;'>苏州天气</div>
							</div>						
							<div style="margin-left:15px;margin-top: 20px; margin-bottom: 20px;">
								<a id="today" href="#"  style="font-weight: bold;font-size: 15px;"/>
							</div>
							
							<div style="margin-left:15px;margin-top: 20px; margin-bottom: 20px;">
								<a id="weather" href="#"  style="font-weight: bold;font-size: 15px;"/>
							</div>
								
							<div style="margin-left:15px;margin-top: 20px; margin-bottom: 20px;">
								<a id="wind" href="#"  style="font-weight: bold;font-size: 15px;"/>
							</div>
							
							<div style="margin-left:15px;margin-top: 20px; margin-bottom: 20px;">
								<a id="notice" href="#"  style="font-weight: bold;font-size: 15px;"/>
							</div>
														
						</td>
						<td width="2%">
							&nbsp;
						</td>						
						<td width="35%" style="border: 1px solid #B0E0E6;text-align: center;">
							<div class="div0"></div>
						</td>						
					</tr>

				</table>
				</div>
			</div>
			
		</div>
	</div>
</body>


</html>